<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body> 
		
<!-- 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。
以下实例中演示了单选按钮的双向数据绑定：
-->
			 
       <div id="app">
         <input type="radio" id="man"   value="1" v-model="sex">
         <label for="man">男</label>
         <br>
         <input type="radio" id="wowan" value="2" v-model="sex">
         <label for="wowan">女</label>
         <br>
         <span>选中值为: {{ sex }}</span>
       </div>
        
       <script>
       new Vue({
         el: '#app',
         data: {
           sex : '1'
         }
       })
       </script>

	</body>
</html>


